<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/lakes.css">
    <link rel="stylesheet" href="../css/pagination.css">
</head>
<body>
    <header class="head">
        <nav>
            <a href="http://localhost/wjj/index.html">
                <img src="https://www.kuangstudy.com/assert/images/index_topleft_logo_black.png" alt="">
            </a>
            <div class="headCenter">
                <a href="http://127.0.0.1:5500/joint-project/project/class/html/sub.html">课程</a>
                <span class="sp1">热门</span>
                <a href="http://127.0.0.1:5500/joint-project/project/jianghu/html/lakes.html">江湖</a>
                <a href="http://127.0.0.1:5500/joint-project/project/zhuanlan/index.html">专栏</a>
                <a href="http://127.0.0.1:5500/joint-project/project/xinjianming/index.html">下载</a>
                <a href="http://127.0.0.1:5500/joint-project/project/NavLast/NavLast.html">导航</a>
            </div>
            <div class="right">
                <a href="javascript:;">
                    <i class="iconfont icon-denglu"></i>
                    登录
                </a>
         </div>
        </nav>
        <div class="denglu">
            <h2>账号登录</h2>
            <span class="exit">×</span>
                <input type="text" placeholder="请输入手机号 或 用户数字编号 登录">
                <input type="password" placeholder="请输入6-18位密码">
                <input type="button" value="登录">
                <p class="p1"><a href="javascript:;">微信扫描注册/登录</a></p>
                <p class="p2">
                    登录即代表你同意
                    <a href="javascript:;">用户协议</a>
                    和
                    <a href="javascript:;">隐私政策</a>
                </p>
         </div>
    </header>
    <script src="../js/index.js"></script>
    <div class="wrap">
        <div class="main">
            <div class="main-left">
                <div class="left-header">
                    <p>
                        <span>全部<b>(0)</b></span>
                    </p>
                    <div>
                        <span>
                            热门关键词：学相伴  Java
                        </span>
                        <div class="search">
                            <input type="text" placeholder="请输入文章关键词或标签">
                            <button>搜索</button>
                        </div>
                    </div>
                </div>
    
                <div class="left-nav">
                    <p>用心做一个纯净的平台，记录学习的一点一滴，共建和谐KuangStudy社区！</p>
                    <span class="del">X</span>
                </div>
    
               <div class="Img">
                    <ol>
                        <li>
                            <img src="https://kuangstudy.oss-cn-beijing.aliyuncs.com/bbs/2021/09/08/kuangstudya9f1a304-0940-45b7-9e6d-f1d4b46a155c.jpg" alt="">
                        </li>
                        <li>
                            <img src="https://kuangstudy.oss-cn-beijing.aliyuncs.com/bbs/2021/07/21/kuangstudyb62b0ccb-55b5-4572-b067-347314beac15.jpg" alt="">
                        </li>
                        <li>
                            <img src="https://kuangstudy.oss-cn-beijing.aliyuncs.com/bbs/2021/07/21/kuangstudy69ec9992-bed7-4eec-a550-5fe2aeb44737.jpg" alt="">
                        </li>
                    </ol>
               </div>
    
               <div class="left-list">
                    <ul class="list">
                        <!-- <li>
                            <a href="javascript:;" class="link">设计模式 06 适配器模式</a>
                            <a href="javascript:;" class="link2">
                                <p>参考源 https://www.bilibili.com/video/BV1mc411h719?p=5&amp;vd_source=299f4bc123b19e7d6f66fefd8f124a03 适配器模式（Adapter Pattern）属于结构型模式 结构型模式关注如何将现有的类或对象组织在一</p>
                            </a>
                            <div class="list-foot">
                                <span>
                                    <a href="javascript:;">
                                        <img src="https://thirdwx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTLzJ98DReewRSpJTAK6Y7e11YxpzVa1gBXm47TlqFibbJR2lllvBmkNsNvcdYJnsJ6nKhjMEu9DSibg/132" alt="">
                                        <span>Jay</span>
                                    </a>
                                </span>
                                <span>
                                    <label>时间:</label>
                                    <span>2022/07/23</span>
                                </span>
                                <span>
                                    <label>浏览:</label>
                                    <span>0</span>
                                </span>
                                <span>
                                    <label for="">分类:</label>
                                    <a href="javascript:;">学习笔记</a>
                                </span>
                            </div>
                        </li> -->
                    </ul>
    
                    <div class="pagination"></div>
               </div>
            </div>
            <div class="mian-right">
                <input type="button" value="发布文章">
                <div class="comments">
                    <p>
                        <span>270198</span>
                        <b>用户</b>
                    </p>
                    <p>
                        <span>12896</span>
                        <b>文章</b>
                    </p>
                    <p>
                        <span>8388</span>
                        <b>回复</b>
                    </p>
                </div>
                <div class="column">
                    <h3>文章分类</h3>
                    <ul>
                        <li>
                            <a href="javascript:;">程序人生</a>
                            <b>></b>
                        </li>
                        
                        <li>
                            <a href="javascript:;">管理</a>
                            <b>></b>
                        </li>
                        <li>
                            <a href="javascript:;">教程</a>
                            <b>></b>
                        </li>
                        <li>
                            <a href="javascript:;">学习笔记</a>
                            <b>></b>
                        </li>
                        <li>
                            <a href="javascript:;">踩坑记录</a>
                            <b>></b>
                        </li>
                        <li>
                            <a href="javascript:;">架构</a>
                            <b>></b>
                        </li>
                        <li>
                            <a href="javascript:;">后台</a>
                            <b>></b>
                        </li>
                        <li>
                            <a href="javascript:;">前端</a>
                            <b>></b>
                        </li>
                        <li>
                            <a href="javascript:;">问答</a>
                            <b>></b>
                        </li>
                        <li>
                            <a href="javascript:;">测试</a>
                            <b>></b>
                        </li>
                        <li>
                            <a href="javascript:;">数据库</a>
                            <b>></b>
                        </li>
                        <li>
                            <a href="javascript:;">安全</a>
                            <b>></b>
                        </li>
                        <li>
                            <a href="javascript:;">面试</a>
                            <b>></b>
                        </li>
                        <li>
                            <a href="javascript:;">理财</a>
                            <b>></b>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    
        <div class="footerwrap">
            <div class="footer">
                <ul>
                    <li class="fw">
                        <a href="javascript:;">关于我们</a>
                        <ul>
                            <li>企业介绍</li>
                            <li>加入我们</li>
                            <li>联系我们</li>
                            <li>帮助中心</li>
                        </ul>
                    </li>
                    <li class="fw">
                        <a href="javascript:;">平台服务</a>
                        <ul>
                            <li>江湖</li>
                            <li>专栏</li>
                            <li>课程</li>
                            <li>导航</li>
                        </ul>
                    </li>
                    <li class="fw">
                        <a href="javaScript:;">技术支持</a>
                        <ul>
                            <li>
                                <a href="javascript:;">广东学相伴网络科技有限公司</a>
                            </li>
                            <li>
                                <img src="https://www.kuangstudy.com/assert/img/wafcloud-124x47.png" alt="">
                            </li>
                        </ul>
                    </li>
                    <li class="fw1">
                        <ul>
                            <li>
                                <img src="https://www.kuangstudy.com/assert/img/weixin.jpg" alt="">
                                <span>公众号</span>
                            </li>
                            <li>
                                <img src="https://www.kuangstudy.com/assert/img/douyin.png" alt="">
                                <span>官方抖音</span>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
            <p>Copyright © 广东学相伴网络科技有限公司粤ICP备 - 2020109190号</p>
        </div>
    </div>
    <script src="../js/utils.js"></script>
    <script src="../js/pagination.js"></script>
    <script src="../js/lakes.js"></script>
</body>
</html>
